<!DOCTYPE html>
<html lang="zh-CN">
    <head>
    <meta charset="utf-8">
    <title>主页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="../media/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
</style>
    </head>

    <body>
<div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
    <div class="container-fluid">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
          <a class="brand" href="#">欢迎你，XXX</a>
          <div class="nav-collapse collapse">
        <ul class="nav pull-right">
              <li><a href="#">通知管理</a></li>
              <li class="divider-vertical"></li>
              <li class="dropdown"> <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#">人员管理 <b class="caret"></b></a>
            <ul id="menu1" class="dropdown-menu" role="menu">
                  <li class="dropdown-submenu"> <a href="#">人员列表</a>
                <ul class="dropdown-menu">
                      <li><a href="#">Sub_Item One</a></li>
                      <li><a href="#">Sub_Item Two</a></li>
                    </ul>
              </li>
                  <li class="dropdown-submenu"> <a href="#">部门列表</a>
                <ul class="dropdown-menu">
                      <li><a href="#">Sub_Item One</a></li>
                      <li><a href="#">Sub_Item Two</a></li>
                    </ul>
              </li>
                  <li class="dropdown-submenu"> <a href="#">分店列表</a>
                <ul class="dropdown-menu">
                      <li><a href="#">Sub_Item One</a></li>
                      <li><a href="#">Sub_Item Two</a></li>
                    </ul>
              </li>
                </ul>
          </li>
              <li class="divider-vertical"></li>
              <li><a href="#">注销</a></li>
            </ul>
      </div>
          <!--/.nav-collapse --> 
        </div>
  </div>
    </div>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span3">
				<h3>分组列表</h3>
				<iframe src="test4_iframe.html" height="400px"></iframe>
			</div>
			<!--/span-->
			<div class="span9">
				<div class="row-fluid">
					<h3>分组分类</h3>
					<div class="span11 well">
						<form action="#" method="post">
							<div class="row-fluid">
								<div class="span6 " align="left">
									地区分类：&nbsp;&nbsp; <select>
										<option>上海</option>
										<option>上海</option>
										<option>上海</option>
									</select>
								</div>
								<div class="span6 " align="left">
									职级分类：&nbsp;&nbsp; <select>
										<option>普通职员</option>
										<option>普通职员</option>
										<option>普通职员</option>
									</select>
								</div>
							</div>
							<br />
							<div class="row-fluid">
								<div class="span6 " align="left">
									部门分类：&nbsp;&nbsp; <select>
										<option>店员</option>
										<option>店员</option>
										<option>店员</option>
									</select>
								</div>
								<div class="span6 " align="left">
									分组名称：&nbsp;&nbsp; <input type="text" />
								</div>
							</div>
							<br />
							<div class="row-fluid">
								<div class="span12 ">
									<a class="btn btn-primary" type="button">新增分组</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a class="btn btn-primary" type="button">修改分组</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a class="btn btn-primary" type="button">保&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;存</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									<a class="btn btn-primary" type="button">删除分组</a>
								</div>
								<!--
                        <div class="span3 "><a class="btn btn-primary" type="button">新增分组</a></div>
                        <div class="span3 "><a class="btn btn-primary" type="button">修改分组</a></div>
                        <div class="span3 "><a class="btn btn-primary" type="button">保&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;存</a></div>
                        <div class="span3 "><a class="btn btn-primary" type="button">删除分组</a></div>
                        -->
							</div>
						</form>
					</div>
					<div class="span1"></div>
				</div>
				<div class="row-fluid">
					<h3>
						群发<small>(在分组列表内勾选后群发)</small>
					</h3>
					<div class="span11 well">
						<textarea rows="5"></textarea>
						<button class="btn  btn-primary">确认发送</button>
					</div>
					<div class="span1"></div>
				</div>
			</div>
		</div>
	</div>
	<footer>2014-7-19,author:</footer>
<script src="../media/js/jquery.min.js"></script> 
<script src="../media/js/bootstrap.min.js"></script>
</body>
</html>
